<%@ Page Language="C#" MasterPageFile="~/NiftyDemo.Master" AutoEventWireup="true"
    Codebehind="Example6.aspx.cs" Inherits="NiftyDotNetDemo.Example6" Title="NiftyDotNet - Example 6" %>

<%@ Register Assembly="NiftyDotNet" Namespace="NiftyDotNet" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="container6">
        <cc1:Nifty ID="Nifty1" runat="server" Selectors="div#about li" Corners="TopLeft, BottomLeft, BottomRight" CornerSize="Big" FixedHeight="true">
        </cc1:Nifty>
        <ul id="about">
            <li id="ab1">Explore new possibilities</li>
            <li id="ab2">Discover colors easily</li>
            <li id="ab3">Design CSS without worries</li>
            <li id="ab4">Plug and run your rounded corners...</li>
            <li id="ab5">...without any graphics!</li>
            <li id="ab6">NiftyDotNet & Nifty Corners Cube&trade;</li>
        </ul>
    </div>
    <div id="howtodo">
        <strong>How to do:</strong>
        <ul>
            <li>Design the web page as always. In this case, we have six elements into an unordered
                list.</li>
            <li>Once done, drag and drop the component on the page.</li>
            <li>Set the property "Selectors" to "ul#about li", that means every link in the list will be afected.</li>
            <li>Set all borders to true, except TopRight.</li>
            <li>Set FixedHeight to true, because they all have their height set through the style
                sheet.</li>
            <li>Set CornerSize to "Big", I like big corners.</li>
            <li>That's all</li>
        </ul>
    </div>
    <div id="footer">
        <a id="back" href="Default.aspx" title="Main page">Return to main page</a>
    </div>
</asp:Content>
